<%--
  Created by IntelliJ IDEA.
  User: 10379
  Date: 2020/9/21
  Time: 9:45
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>用户权限选择</title>
    <script src="${pageContext.request.contextPath}/static/js/jquery-3.5.0.min.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>
    <h4>请输入你的名字：</h4>
    <input type="text" id="role" placeholder="(管理员、普通用户)" name="roleName">
    <h4>请选择您的身份：</h4>
    <label><input type="radio" value="commen" name="isAuto"/>普通用户 </label>
    <label><input type="radio" value="root" name="isAuto"/>管理员 </label><br/>
    <input type="button" value="确认" onclick="roleOk()">
</body>
<script>
    function roleOk() {
        var roleName = $("#role").val();
		//获取单选按钮选中值有简单的jquery方式，ajax请求OK
        var permissions = document.getElementsByName("isAuto");
        for (var i = 0; i < permissions.length; i++) {
            if(permissions[i].checked){
                var permissionName = permissions[i].value;
                var permissionValue = {permissionName:permissionName}
                var roleValue = {roleName:roleName,permission:permissionValue}
                //转成role的字符串
                var roleString = JSON.stringify(roleValue);
            }
        };
        $.ajax({
            url:"${pageContext.request.contextPath}/role/roleOk",
            type:'post',//当contentType是这个格式的时候，type类型只能用post
            dataType: 'json',//希望服务器返回一个json格式的字符串
            contentType:'application/json',
            processData: false,//不要ajax内部去处理data这个参数
            data:roleString,//只能传字符串
            success:function (result) {//result是一个json格式的字符串
                alert(JSON.stringify(result));
            },
            error:function (err) {
                alert(JSON.stringify(err));
            }

        })

    }

</script>
</html>
